<div class="trubine" [ngStyle]="{'background-color': statusColor}">
  <div class="trubineIcon" *ngIf="!showMainTurb">
    <div class="left">
      <div class="img" [ngClass]="{img:true,run:isRun}">
      </div>
      <s class="line"></s>
    </div>
    <div class="right">
      <div>
                <span (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)" *ngIf="currentTurbSub"
                      [ngClass]="currentTurbSub?.operCategoryIcon"
                      [ngStyle]="{color:currentTurbSub?.operCategoryColor}"></span>
      </div>
      <i><i *ngIf="turBenchMark"></i><!-- <i class="fa fa-star" *ngIf="turBenchMark"></i> -->{{turbineName}}</i>
    </div>
  </div>
  <div class="trubineIcon" *ngIf="showMainTurb">
    <div class="left">
      <div class="img2" [ngClass]="{run:isRun}">
      </div>
      <s class="line2"></s>
    </div>
    <div class="right">
      <div>
                <span (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)" *ngIf="currentTurbSub"
                      [ngClass]="currentTurbSub?.operCategoryIcon"
                      [ngStyle]="{color:currentTurbSub?.operCategoryColor}"></span>
      </div>
      <i><i *ngIf="turBenchMark"></i>{{turbineName}}</i>
    </div>
  </div>
  <div class="mask"></div>
  <div class="Info">
    <p>{{windSpeed | number:'1.1-2'}}m/s</p>
    <p>{{power | number:'1.1-2'}}kW</p>
  </div>
</div>
